<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

    </style>
</head>
<body>
<div id="wrap">
    <!--uppercase,lowercase,capitalize,currency依次将元素转化为:大写,小写,首字母大写,美元货币单位(只对数字有效)-->
  {{msg1|uppercase}} <br/>
  {{msg2|lowercase}} <br/>
    {{'WELCOME'|lowercase|capitalize}} <br/>
    {{12|currency}}<br/>
    {{12|currency '￥'}}<br/>
    {{12|currency '#'}}<br/>
    <!--对于同一元素,不同效果后面过滤器会将前面过滤器的效果过滤掉-->
    {{'WELCOME'|capitalize|lowercase}}
</div>
</div>
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
    new Vue({
        el:'#wrap',
        data:{
           msg1:' wellcome',
            msg2:' WELLCOME',
        },
    })
</script>
